<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Home | E-Shopper</title>
    <link href="{{URL::to('css/bootstrap.min.css')}}" rel="stylesheet">    
    <link href="{{URL::to('css/prettyPhoto.css')}}" rel="stylesheet">
    <link href="{{URL::to('css/price-range.css')}}" rel="stylesheet">
    <link href="{{URL::to('css/animate.css')}}" rel="stylesheet">
	<link href="{{URL::to('css/main.css')}}" rel="stylesheet">
	<link href="{{URL::to('css/responsive.css')}}" rel="stylesheet">
	<link href="{{URL::to('css/font-awesome.css')}}" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="{{URL::to('images/ico/favicon.ico')}}">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{URL::to('images/ico/apple-touch-icon-144-precomposed.png')}}">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{URL::to('images/ico/apple-touch-icon-114-precomposed.png')}}">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{URL::to('images/ico/apple-touch-icon-72-precomposed.png')}}">
    <link rel="apple-touch-icon-precomposed" href="{{URL::to('images/ico/apple-touch-icon-57-precomposed.png')}}">
@yield('custom-head')
</head><!--/head-->

<body>
	<header id="header"><!--header-->
		<div class="header_top"><!--header_top-->
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<div class="contactinfo">
							<ul class="nav nav-pills">
								<li><a href="#"><i class="fa fa-phone"></i> +2 95 01 88 821</a></li>
								<li><a href="#"><i class="fa fa-envelope"></i> info@domain.com</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-6">
						<div class="social-icons pull-right">
							<ul class="nav navbar-nav">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
								<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
								<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div><!--/header_top-->
			<div class="banner">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-12">
							<!-- <img src="images/home/banner.jpg" style="width: inherit;"> -->
						</div>
					</div>
				</div>
			</div>
		<div class="header-middle"><!--header-middle-->
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
						<div class="logo pull-left">
							<!-- <a href="index.html"><img src="images/home/logo.jpg" width="70" alt="" /></a> -->
						</div>
					</div>
					<div class="col-sm-8">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div>
						<div class="mainmenu pull-right">
							<ul class="nav navbar-nav collapse navbar-collapse">
								<li><a href="{{URL::to('/')}}" class="active">Trang chu</a></li>
								<li class="dropdown"><a href="#">Tai nghe Hi-end<i class="fa fa-angle-down"></i></a>
                                    <ul role="menu" class="sub-menu">
                                        <li><a href="shop.html">Samsung</a></li>
                                    </ul>
                                </li> 
								<li class="dropdown"><a href="#">O cung SSD<i class="fa fa-angle-down"></i></a>
                                    <ul role="menu" class="sub-menu">
                                        <li><a href="blog.html">Sony</a></li>
                                    </ul>
                                </li> 								
								<li><a href="contact-us.html">Contact</a></li>
								<li><a href="{{URL::to('/checkout')}}" class="">Check Out</a></li>
							</ul>
						</div>
					</div>				
				</div>
			</div>
		</div><!--/header-middle-->	
        @yield('custom-header')
	</header><!--/header-->
	
	<section>
		<div class="container">
			<div class="row">
				<div class="col-sm-3">
					<div class="left-sidebar">						
						<div class="panel-group category-products" id="accordian"><!--category-productsr-->
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordian" href="#sportswear">
											<span class="badge pull-right"><i class="fa fa-plus"></i></span>
											Tai nghe Hi-End
										</a>
									</h4>
								</div>
								<div id="sportswear" class="panel-collapse collapse">
									<div class="panel-body">
										<ul>
											<li><a href="#">Samsung </a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordian" href="#mens">
											<span class="badge pull-right"><i class="fa fa-plus"></i></span>
											O Cung SSD
										</a>
									</h4>
								</div>
								<div id="mens" class="panel-collapse collapse">
									<div class="panel-body">
										<ul>
											<li><a href="#">Sony</a></li>
										</ul>
									</div>
								</div>
							</div>													
						</div><!--/category-products-->																
						
						<div class="shipping text-center"><!--shipping-->
							<img src="{{URL::to('images/home/shipping.jpg')}}" alt="" />
						</div><!--/shipping-->
					
					</div>
				</div>
				
				<div class="col-sm-9 padding-right">
					@yield('custom-section')
				</div>
			</div>
		</div>
	</section>
	
	<footer id="footer"><!--Footer-->					
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<p class="pull-left">Copyright © 2013 GER2VN Inc. All rights reserved.</p>
					<!-- <p class="pull-right">Designed by <span><a target="_blank""></a></span></p> -->
				</div>
			</div>
		</div>
		@yield('custom-footer')
	</footer><!--/Footer-->
	

	<script src="{{URL::to('js/jquery.js')}}"></script>
	<script src="{{URL::to('js/bootstrap.min.js')}}"></script>
	<script src="{{URL::to('js/jquery.scrollUp.min.js')}}"></script>
	<script src="{{URL::to('js/price-range.js')}}"></script>
	<script src="{{URL::to('js/jquery.prettyPhoto.js')}}"></script>
	<script src="{{URL::to('js/main.js')}}"></script>
</body>
</html>